<?
ob_start();

session_start();
include('../src/inst.conf.php');

if(isset($_GET['logoff'])){session_destroy();header("location: ".$_SERVER['PHP_SELF']."");}
if (!isset($_SESSION['LOGIN_USERNAME'] ) || !isset( $_SESSION['LOGIN_PASSWORD'] )){ 
		header("location: ./index.php");
		exit; 
		
}

ob_end_flush();
$result = mysql_query("SELECT * FROM `DOCENT` WHERE `DOCENT_ID` = '".$_SESSION['LOGIN_ID']."'"); 
$row = mysql_fetch_array($result);
?>
<div id="left-div">
	<div id="left-inside">
		<div style="clear: both;"></div>
		<div style="clear: both;"></div>								
			<div class="home-post-wrap_full" id="home-post-wrap_full">
	<script type="text/javascript" charset="utf-8">
$(function(){
  $("select#list_cohort").change(function(){
  	if ($(this).val() == "0"){
  		$('#list_raport').hide();
  		$('#list_leerling').hide();
  		$('#list_groep').hide();
  		$("select#list_groep").html('<option value="0">-Kies eerst het startjaar-</option>');
  		$("select#list_vak").html('<option value="0">-Kies eerst het startjaar-</option>');
  		$("select#list_leerling").html('<option value="0">-Kies eerst het startjaar-</option>');
  		$("#cijferinvoer").html('');
  		$('#save_butt').attr('class' , 'disabled');
  	}else{
  		$('#list_raport').show();
  		$("select#list_raport").html('<option value="0">..gegevens ophalen..</option>');
      	$.getJSON("./src/select.json.php",{COHORT: $("#list_cohort").val(), ajax: 'true'}, function(j){
        	var options = '';
        	for (var i = 0; i < j.length; i++) {
          		options += '<option value="' + j[i].optionValue + '">' + j[i].optionDisplay + '</option>';
        	}      
        	$("select#list_raport").html(options);
        	$("select#list_groep").html('<option value="0">-Kies eerst het rapport-</option>');
        	$("select#list_vak").html('<option value="0">-Kies eerst het rapport-</option>');
       		$("select#list_leerling").html('<option value="0">-Kies eerst het rapport-</option>');
        	$("#cijferinvoer").html('');
        	$('#save_butt').attr('class' , 'disabled');
      	})
     }
    })
    $("select#list_raport").change(function(){
    	if ($(this).val() == "0"){
    		$('#list_leerling').hide();
    		$('#list_groep').hide();
    		$("select#list_groep").html('<option value="0">-Kies eerst het startjaar-</option>');
    		$("select#list_vak").html('<option value="0">-Kies eerst het startjaar-</option>');
    		$("select#list_leerling").html('<option value="0">-Kies eerst het startjaar-</option>');
    		$("#cijferinvoer").html('');
    		$('#save_butt').attr('class' , 'disabled');
    	}else{
    		$('#list_groep').show();
    		if($('#list_groep').val() == 0 || $('#list_leerling').val() == 0){
    			$("select#list_groep").html('<option value="0">..gegevens ophalen..</option>');
    			$.getJSON("./src/select.json.php",{COHORT: $("#list_cohort").val(), RAPORT: $(this).val(), ajax: 'true'}, function(j){
    				var options = '';
    				for (var i = 0; i < j.length; i++) {
    					options += '<option value="' + j[i].optionValue + '">' + j[i].optionDisplay + '</option>';
    				}      
    				$("select#list_groep").html(options);
    				$("select#list_leerling").html('<option value="0">-Kies eerst het rapport-</option>');
    				$("#cijferinvoer").html('');
    				$('#save_butt').attr('class' , 'disabled');
    			})
    		}else if($('#list_groep').val() != 0 && $('#list_leerling').val() != 0){
    			showLoader('Laden', 'Gegevens van leerling \''+$("#list_leerling  option:selected").text()+'\' downloaden');
    			$("#cijferinvoer").load("./src/extrawerk.invoer.php?COHORT="+$("#list_cohort").val()+"&GROEP="+$("#list_groep").val() + "&LEERLING_ID="+ $("#list_leerling").val()+"&RAPPORT_NR=" + $("#list_raport").val(), function(response, status, xhr) {
    			    hideLoader();
    					if (status == "error") {
    					$("#cijferinvoer").html('fout tijdens laden...');
    						$.notify({text: 'Er is helaas iets mis gegaan:<br>'+ xhr.status + ' ' + xhr.statusText, title:'Fout', icon:'images/dialog-error.png'});
    					}
    			}).fadeIn(200);
    		}
       }
      })
    $("select#list_groep").change(function(){
    	if ($("#list_groep").val() == "0"){
    		$('#list_leerling').hide();
    		$("select#list_vak").html('<option value="0">-Kies eerst een groep-</option>');
    		$("select#list_leerling").html('<option value="0">-Kies eerst een groep-</option>');
    		$("#cijferinvoer").html('');
    		$('#save_butt').attr('class' , 'disabled');
    	}else{
    		$('#list_leerling').show();
            $("select#list_leerling").html('<option value="0">..gegevens ophalen..</option>');
          	$.getJSON("./src/select.json.php",{COHORT: $("#list_cohort").val(), RAPORT: $('#list_raport').val(), GROEP: $("#list_groep").val(), LEERLING: true , ajax: 'true'}, function(j){
            	var options = '';
            	for (var i = 0; i < j.length; i++) {
              		options += '<option value="' + j[i].optionValue + '">' + j[i].optionDisplay + '</option>'; 
            	}
                $("select#list_leerling").html(options);
            })
          $("#cijferinvoer").html('');
          
       }
      })
        $("select#list_leerling").change(function(){
        	if ($("#list_leerling").val() == "0"){
        		$("#cijferinvoer").fadeOut(100, function() {
        			showLoader();
        			$("#cijferinvoer").load("./src/extrawerk.invoer.php?COHORT="+$("#list_cohort").val()+"&GROEP="+$("#list_groep").val()+"&VAK_ID=" + $("#list_vak").val()+"&RAPPORT_NR=" + $("#list_raport").val(), function(response, status, xhr) {
        		  	 hideLoader();
        		  	 	if (status == "error") {
        		  	 	$("#cijferinvoer").html('fout tijdens laden...');
        		  	 		$.notify({text: 'Er is helaas iets mis gegaan:<br>'+ xhr.status + ' ' + xhr.statusText, title:'Fout', icon:'images/dialog-error.png'});
        		  	 	}
        			}).fadeIn(200);
        		});
        	}else{
        		$("#cijferinvoer").fadeOut(100, function() {
        			showLoader('Laden', 'Gegevens van leerling \''+$("#list_leerling  option:selected").text()+'\' downloaden');
        			$("#cijferinvoer").load("./src/extrawerk.invoer.php?COHORT="+$("#list_cohort").val()+"&GROEP="+$("#list_groep").val()+"&VAK_ID=" + $("#list_vak").val() + "&LEERLING_ID="+ $("#list_leerling").val()+"&RAPPORT_NR=" + $("#list_raport").val(), function(response, status, xhr) {
        			    hideLoader();
        		  		if (status == "error") {
        		  		$("#cijferinvoer").html('fout tijdens laden...');
        		  			$.notify({text: 'Er is helaas iets mis gegaan:<br>'+ xhr.status + ' ' + xhr.statusText, title:'Fout', icon:'images/dialog-error.png'});
        		  		}
        			}).fadeIn(200);
        		});
           }
          })
})

function VerzendGegevens(){
	needToConfirm = false;
	showLoader('Opslaan..', 'Gegevens worden opgeslagen in de database');
    var send_data = $("#Form1").serializeArray();
    var url = "./src/extrawerk.invoer.php";
    $.post( url, send_data ,function( data ) {$("#cijferinvoer").empty().append( data );});
    
}
</script>
	
					<h2 class="titles">Extra</h2>
					<div style="clear: both;"></div>


<form method="POST" name="Form1" id="Form1" onsubmit="return false;">
	<select name="list_cohort" id="list_cohort">
		<option value="0">-Kies startjaar-</option>
		<?

//haal alle cohorten uit de DB
$query = mysql_query("SELECT DISTINCT `COHORT` FROM `GROEP`");
while($data = mysql_fetch_assoc($query)){
	$COHORT   = $data['COHORT'];
	if (isset($_GET['COHORT']) AND $_GET['COHORT'] == $COHORT){
		echo "<option selected>".$COHORT ."</option>";
	}else{
		echo"<option>".$COHORT ."</option>";
	}
}
		?>
	</select>
	<select name="list_raport" id="list_raport" style="display: none;">
		<option value="0">-Kies eerst het startjaar-</option>
		
	</select>
	<select name="list_groep" id="list_groep" style="display: none;">
		<option value="0">-Kies eerst het startjaar-</option>
		
	</select>
	<select name="list_leerling" id="list_leerling" style="display: none;">
		<option value="0">-Kies eerst het startjaar-</option>
	</select>
	<div id="Opgeslagen" style="display:none;"><h1>Gegevens zijn Opgeslagen</h1></div>
	<div id="cijferinvoer">
	</div>
</form>
			</div> <!-- end .home-post-wrap2 -->
	</div> <!-- end #left-inside -->
</div> <!-- end #left-div -->